<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<style>
	.beforPage:hover{
		background-color: #5a98de;
		color:white;
	}
	
	.nextPage:hover{
		background-color: #5a98de;
		color:white;
	}
	
	.nextPage,.beforPage{
		border: 1px solid #ccc;
	    cursor: pointer;
	    display: inline-block;
	    margin-left: 2px;
	    text-align: center;
	    color: #666;
	    height: 26px;
	    line-height: 26px;
	    text-decoration: none;
	    margin: 0 0 6px 6px;
	    padding: 0 10px;
	    font-size: 14px;
	}
	.pageDetail{
		border: 1px solid #ccc;
	    cursor: pointer;
	    display: inline-block;
	    margin-left: 2px;
	    text-align: center;
	    text-decoration: none;
	    color: #666;
	    height: 26px;
	    line-height: 26px;
	    text-decoration: none;
	    margin: 0 0 6px 6px;
	    padding: 0 10px;
	    font-size: 14px;   
	    background: #5a98de;
	    color: #fff;
	}
</style>
<body>
<div style="margin:0px auto;text-align: center;margin-top: 20px;">
	<input type="button" id="beforPage" class="beforPage" value="上一页"/>
	<input type="button" id="thisPage" class="nextPage" />
	<input type="button" id="nextPage" class="nextPage" value="下一页"/>
	<input type="button" id="tolPage" class="nextPage" />
	<div style="display: inline;">
	<span id='tolPage'></span>
	</div>
</div>
</body>
<script type="text/javascript">


</script>
</html>